<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Begin Meta Tags -->
<title>FundEdu</title>
<meta name="keywords" content="enter keywords in lowercase, seperate keywords with comma and space, example:keyword1, keyword2, keyword3, keyword4" />
<meta name="description" content="Enter Page Meta Descrition - Max Length 160 Chars - Make This Visually Appealing And Try To Include Important Keywords" />
<!-- End Meta Tags -->
<link href="style_sheet.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- Image Showcase Invoke -->
<script language="javascript" src="showcase.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}


</script>
  </head>
  <body>
  <div class="container">
  		<!-- Nav Menu -->
				<div id="header">
        	<div id="logo_area">
            	<div id="logo">
                <a href="#"><img src="images/fundEdu_logo2.jpg" alt="#" width="200" height="60" border="none" /></a> </div>
                <iframe src="https://www.facebook.com/plugins/like.php?href=http://fundedu1.appspot.com/fundedu/contribute.html"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px; margin-top: -3px"></iframe>
        <div id="tag_line">

                </div>

            </div>
        
            <!-- Logo End -->
            <!-- Nav Menu -->
            <div id="menu">
				<ul>
				  <li><a href="under-construction.html">Home</a></li>
				  <li><a href="contribute.html">Contribute</a>
				    <ul>
				    <li><a href="under-construction.html">The Team</a></li>
				    <li><a href="under-construction.html">History</a></li>
				    <li><a href="under-construction.html">Vision</a></li>
				    </ul>
				  </li>
				  <li><a href="under-construction.html">How it works</a>
				    <ul>
				    <li><a href="under-construction.html">Overview</a></li>
				    <li><a href="under-construction.html">HowToContribute</a></li>
				    <li><a href="under-construction.html">Money Trail</a></li>
				  
				    </ul>
				  </li>
				  <li><a href="under-construction.html">Buzz</a>
				    <ul>
				    <li><a href="under-construction.html">Facebook</a></li>
				    <li><a href="under-construction.html">Twitter</a></li>
				    <li><a href="under-construction.html">Google Plus</a></li>
				    </ul>
				  </li>
				  <li><a href="under-construction.html">About</a>
				    <ul>
				    <li><a href="under-construction.html">About Us</a></li>
				    <li><a href="under-construction.html">Mission</a></li>
				    <li><a href="under-construction.html">Board</a></li>
				    <li><a href="under-construction.html">Press</a></li>
				    <li><a href="under-construction.html">Careers</a></li>
				    </ul>
				  </li>
				   <li><a href="under-construction.html">Contact Us</a>
				    <ul>
				    <li><a href="under-construction.html">Online</a></li>
				    <li><a href="under-construction.html">Right Here</a></li>
				    <li><a href="under-construction.html">Somewhere Else</a></li>
				    </ul>
				  </li>
				</ul>

			 </div>
     </div>	
  		<!-- Nav Menu End -->
		
     <div id="form1">
	   <form name="login" method="post" >
		    <br>

		 	<table width=75%" border="0" style="background-image: url(./images/background.png);background-repeat:x"/>
			
				<tr>
			    		<img align="center" src="/fundedu/images/reg_progress_form1.png" alt="Progress Bar"  />    
			       </tr>
			     <tr>
			            <h1>(Already have an account?<a href="/fundEdu/login/Login.html" > sign in</a>)</h1>  
			       </tr>
				<tr>
					<td height="75px" align="center">First Name</td><td><input type="text" name="firstname"></td>
				</tr>
				<tr>
					<td align="center">Last Name</td><td ><input type="text" name="lastname"></td>
				</tr>
				<tr>
					<td height="75px" align="center">Address Line 1</td><td ><input type="text" name="AddressLine1"></td>
				</tr>
				<tr>
					<td align="center">Address Line 2</td><td ><input type="text" name="AddressLine2"></td>
				</tr>
				<tr>
					<td height="75px" align="center">City</td><td ><input type="text" name="City"></td>
				</tr>
				<tr>
				    <td align="center">State</td>
				    <td>
					<select name="state">
					    <option value="Default">-Select-</option>
						<option value="AL">Alabama</option>
						<option value="AK">Alaska</option>
						<option value="AZ">Arizona</option>
						<option value="AR">Arkansas</option>
						<option value="CA">California</option>
						<option value="CO">Colorado</option>
						<option value="CT">Connecticut</option>
						<option value="DE">Delaware</option>
						<option value="DC">District of Columbia</option>
						<option value="FL">Florida</option>
						<option value="GA">Georgia</option>
						<option value="HI">Hawaii</option>
						<option value="ID">Idaho</option>
						<option value="IL">Illinois</option>
						<option value="IN">Indiana</option>
						<option value="IA">Iowa</option>
						<option value="KS">Kansas</option>
						<option value="KY">Kentucky</option>
						<option value="LA">Louisiana</option>
						<option value="ME">Maine</option>
						<option value="MD">Maryland</option>
						<option value="MA">Massachusetts</option>
						<option value="MI">Michigan</option>
						<option value="MN">Minnesota</option>
						<option value="MS">Mississippi</option>
						<option value="MO">Missouri</option>
						<option value="MT">Montana</option>
						<option value="NE">Nebraska</option>
						<option value="NV">Nevada</option>
						<option value="NH">New Hampshire</option>
						<option value="NJ">New Jersey</option>
						<option value="NM">New Mexico</option>
						<option value="NY">New York</option>
						<option value="NC">North Carolina</option>
						<option value="ND">North Dakota</option>
						<option value="OH">Ohio</option>
						<option value="OK">Oklahoma</option>
						<option value="OR">Oregon</option>
						<option value="PA">Pennsylvania</option>
						<option value="RI">Rhode Island</option>
						<option value="SC">South Carolina</option>
						<option value="SD">South Dakota</option>
						<option value="TN">Tennessee</option>
						<option value="TX">Texas</option>
						<option value="UT">Utah</option>
						<option value="VT">Vermont</option>
						<option value="VA">Virginia</option>
						<option value="WA">Washington</option>
						<option value="WV">West Virginia</option>
						<option value="WI">Wisconsin</option>
						<option value="WY">Wyoming</option>
					</select>
				    </td>
				</tr>
			</table>
		</form>
			<table>
       			<tr>
					<td height="75px" colspan="2" align="center" >
					     <input type="submit" onclick="toggle_visibility('form1', 'form2');" name="register" class="button" id="register_btn" value="Register">
					</td>
					<td>			    
				        <div id="fb-root"></div>
		      			<script src="http://connect.facebook.net/en_US/all.js">
		      			</script>
		      			<script>
		         			FB.init({ 
		            			appId:'183619055043296', cookie:true, 
		            			status:true, xfbml:true 
		         			});
		      			</script>
		      			<fb:login-button perms="email,user_checkins">
		         			Login with Facebook
		      			</fb:login-button>
				    </td>
			     </tr>
		     </table>
		</div>
		<div id="form2" style="display: none"> 
         	<form name="login1" method="post" >
		 		<br>

		    	<table width=75%" border="0" style="background-image: url(./images/background.png);background-repeat:x"/>
			
				   <tr>
			    		<img align="center" src="/fundedu/images/reg_progress_form2.png" alt="Progress Bar"  />    
			       </tr>
			
					<tr>
						<td height="75px" align="center">User Name</td><td><input type="text" name="username"></td>
					</tr>
					<tr>
						<td align="center">Create Password</td><td ><input type="password" name="password"></td>
						
					</tr>
					<tr>
						<td height="75px" align="center">Re-enter Password</td><td ><input type="password" name="re-password"></td>
						
					</tr>
					<tr>
					    <td align="center">Secret Question</td>
					    <td>
					    <select name="secretquestion">
						    <option value="Default">-Select-</option>
							<option value="SC1">What High School did you attend?                   </option>
							<option value="SC2">What is your mother's maiden name?                 </option>
							<option value="SC3">What was the make of your first car?               </option>
							<option value="SC4">What was your favorite place to visit as a child?  </option>
							<option value="SC5">What was your favorite sport growing up?           </option>
							<option value="SC6">What was your favorite subject as a student?       </option>
							<option value="SC7">Where did you grow up?                             </option>
							<option value="SC7">Who was your favorite teacher?                     </option>
				        </select>
				        </td>	
				     </tr>
				     <tr>
						<td height="75px" align="center">Secret Answer</td><td ><input type="text" name="secretanswer"></td>
						
					</tr>	
				
		     </table>
		  </form>
		  <table>
			    <tr>
					<td height="75px" align="right" >
					     <input type="submit" name="continue" class="button" id="continue_btn" onclick="toggle_visibility('form2', 'form3');" value="Continue">
					</td>
					<td align="center" >
					     <a href="#"  id="back1" onclick="toggle_visibility('form2', 'form1');">Back</a>
					     
					</td>
				</tr>	
			
		   </table>
		</div>
		<div id="form3" style="display: none"> 
      		<form name="login2" method="post" >
		 		<br>
				<table width="70%" border="0" style="background-image: url(./images/background.png);background-repeat:x"/>
				
					<tr>
					    <img align="center" src="/fundedu/images/reg_progress_form3.png" alt="Progress Bar"  />    
					</tr>
				</table>
        </form>
        <table>
           <tr>
				<td height="75px" colspan="2" align="center" >
				     <input type="submit" name="finish" class="button" id="finish_btn"  value="Finish">
				</td>
				<td>
				     <a href="#" id="back2" onclick="toggle_visibility('form3', 'form2');">Back</a>
				</td>
  		   </tr>
	     </table>	
       </div>
	   <!-- Begin Footer -->
	   <div id="footer_background">
	        <div id="footer">
			</div>
       </div>
   	   <div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.
       </div>
    </div>			
  </body>
  <script type="text/javascript">

    function toggle_visibility(id1, id2) {
       var e = document.getElementById(id1);
          e.style.display = 'none';
       var e1 = document.getElementById(id2);
          e1.style.display = 'block';
    }

  </script>

</html>